<template>
  <div class="content-loader">
    <ContentLoader viewbox="0 0 1180 400" width="1180" height="400" primaryColor="#eff0f1" secondaryColor="#e6e8ea">
      <rect x="0" y="6" rx="6" ry="6" width="1180" height="80" />
      <rect x="20" y="110" rx="6" ry="6" width="80" height="20" />
      <rect x="20" y="160" rx="6" ry="6" width="270" height="150" />
      <rect x="310" y="160" rx="6" ry="6" width="270" height="150" />
      <rect x="600" y="160" rx="6" ry="6" width="270" height="150" />
      <rect x="890" y="160" rx="6" ry="6" width="270" height="150" />
    </ContentLoader>
  </div>
</template>

<script>
  import { ContentLoader } from 'vue-content-loader'
  export default {
	name: "frame",
	components: { ContentLoader }
  }
</script>

<style scoped lang="scss">
.content-loader {
  margin: 0 auto;
  max-width: 1180px;
}
</style>
